@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0; box-sizing:border-box;}
body, a, h1, h2, h3, h4, h5, h6, p, dl, dd, ul, ol, form, input, textarea, th, td, select{
	margin: 0;
	padding: 0;
}
html{ font-size:62.5%; -webkit-tap-highlight-color:transparent;}
body{
	background-color:#fff;
	font-size:1.4rem;
	line-height:2.6rem;
	font-family:'microsoft yahei',Arial,sans-serif;
	color:#333;
}
img {
  border: 0;
  pointer-events: none;
  vertical-align:top;
}
li { list-style:none; }
em{ font-style:normal;}
a{ 
	text-decoration:none;
	border:0;
	color:#333;
	outline:none;
}
a:hover,a:focus{
	text-decoration:none;
	color: inherit;
}
input,textarea{ border:0; outline:none;}
textarea{ resize:none; overflow:auto;}
section{
	display: block;
    clear: both;
}
.f-left{ float:left;}
.f-right{ float:right;}
.relPos{ position:relative;}
.grayBg{ background-color:#f7f7f7;}
.mPadd{ padding-bottom:50px;}
.clearfix{
	zoom:1;
}
.clearfix:after{
	content:'';
	clear:both;
	display:block;
}
[class^="icon-"], [class*=" icon-"]{
	display:inline-block;
}



/* index.html */

.header{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:70px;
	display:block;
	background-color:#fff;
	z-index:1000;
	-webkit-box-shadow:0 4px 6px rgba(0,0,0,.07);
	-moz-box-shadow:0 4px 6px rgba(0,0,0,.07);
	-ms-box-shadow:0 4px 6px rgba(0,0,0,.07);
	-o-box-shadow:0 4px 6px rgba(0,0,0,.07);
		box-shadow:0 4px 6px rgba(0,0,0,.07);	
}
.container{
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:15px;
}
.headerCon{
	position:relative;
	height: 100%;
}
.header .logo{
	height: 70px;
}
.header .logo img{
	height:100%;
	display:block;
}
.login{
	position:relative;
	width: 230px;
	margin-top:20px;
}
.short-line{
	position:absolute;
	left:114px;
	top:6px;
	width:1px;
	height:22px;
	background-color:#d9d7d7;
}
.login-icon{
	height:32px;
	overflow:hidden;
}
.login i{
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:50%;
	background-color:#dcc73f;
	text-align:center;
	color:#fff;
	font-size:1.6rem;
	margin-right:5px;
}
.login-icon a span{
	display:inline-block;
	color:#e4c600;
}
.lang-dropdown{
	display: inline-block;
	padding: 0 30px 0 36px;
	color: #888;
	cursor: pointer;
}
.lang{
	position: relative;
	line-height: 2.2rem;
}
.lang:before{
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 25px;
	height: 16px;
	background: url("../images/flag-sprite.png") no-repeat;
	background-size: 25px 80px;
}
.lang.cn:before{
	background-position: 0 -60px;
}
.lang-dropdown:after{
	content: "";
	position: absolute;
	right: 0;
	top: 12px;
	width: 0;
	height: 0;
	border: solid transparent;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, 0.3);
    border-width: 5px;
    pointer-events: none;
}
.languageMenu{
	position: absolute;
	left: -10px;
	width: 122px;
	height: 0;
	border: 1px solid transparent;
	border-radius: 3px;
	background: #fff;
	transition: .3s;
	overflow: hidden;
}
.languageMenu li{
	padding-left: 10px;
	padding-top: 4px;
}
.languageMenu a.lang{
	padding-left: 36px;
	color: #888;
	display: block;
}
.languageMenu a.lang:hover{
	color: #dcc73f;
}

/*  nav   */

.headerCon ul.sidenav-menu{
	position:absolute;
	/* right:146px; 这个值会影响nav的left和js中的值 */
	left: 150px;
	bottom:0;
	height:70px;
}
.nav>ul>li {
	position: relative;
	z-index: 1;
	float: left
}
.nav>ul>li:after,.nav>ul>li:before {
	content: "";
	position: absolute;
	top: 0;
	width: 0;
	height: 100%;
	background-color: #e8c800;
	
	-webkit-transition: All .2s ease-in-out;
	-moz-transition: All .2s ease-in-out;
	-ms-transition: All .2s ease-in-out;
	-o-transition: All .2s ease-in-out;
		transition: All .2s ease-in-out;
	
}

.nav>ul>li:after {
	left: 0
}
.nav>ul>li:before {
	right: 0
}
.nav>ul>li>a {
	position: relative;
	z-index: 2;
	display: block;
	width: 100px;
	color: #333;
	text-align: center;
	font-size:1.6rem;
	line-height: 70px;
	
	-webkit-transition: All .2s ease-in-out;
	-moz-transition: All .2s ease-in-out;
	-ms-transition: All .2s ease-in-out;
	-o-transition: All .2s ease-in-out;
		transition: All .2s ease-in-out;
}
.nav>ul>li:nth-of-type(1)>a{
	width:100px;
}
.nav>ul>li.over:after,.nav>ul>li:hover:after,.nav>ul>li.over:before,.nav>ul>li:hover:before {
	width: 50%
}

.nav>ul>li.over>a,.nav>ul>li:hover>a {
	color: #fff;
	background-color: #e8c800 \9
}



#btn_bg { 
	position: absolute;
	width:77px; /* 以第一个menu的宽度为当前页 */
	left: 372px;  /* left值控制背景色的位置 */
	bottom: 0;
	height: 70px; 
	background: #e8c800;  
	overflow:hidden;  
	z-index: 2; 
}
#btn_bg ul { 
	position:absolute;
	left: 0; /* left值控制menu中的文字重合 */
	width: 618px; /* 控制整个menu的宽度 */
}

.sidenav-dropdown-icon, .sidenav-dropdown-icon.show, .sidenav-menu>li>ul{
	display:none;
}

.nav > ul > li > a > span{
	display:block;
}
.nav.sidenav{
	display:none;
}
a.toggle{
	position:absolute;
	right:12px;
	top:22px;
	font-size: 3.2rem;
	color: #dcc73f;
	display:none;
}


#subMenu{
	position:absolute;
	top:70px;
	left:0;
	width:100%;
	height:0;
	background-color:#fff;
	opacity:0;
	filter:alpha(opacity=0);
	overflow:hidden;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-ms-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
}
.hideShadow{
	height:196px;
	background-color:#fff;
	-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.2),0 3px 5px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:0 3px 5px rgba(0,0,0,0.2),0 3px 5px rgba(0,0,0,0.1) inset;
	-ms-box-shadow:0 3px 5px rgba(0,0,0,0.2),0 3px 5px rgba(0,0,0,0.1) inset;
	-o-box-shadow:0 3px 5px rgba(0,0,0,0.2),0 3px 5px rgba(0,0,0,0.1) inset;
		box-shadow:0 3px 5px rgba(0,0,0,0.2),0 3px 5px rgba(0,0,0,0.1) inset;
}
.subCon{
	position:absolute;
	left:332px;
	top:50px;
	text-transform:uppercase;
	text-align:center;
}
.sub-1{
	float:left;
	width:124px;
	margin-right:56px;
	margin-top:6px;
}
.sub-1 h1{
	color:#ceb201;
	text-align:right;
	margin-right:5px;
	font-size:2.6rem;
}
.sub-1 a{
	height:34px;
	line-height:34px;
	font-size:1.3rem;
	font-family:Arial;
	border:1px solid #dbc745;
	border-radius:16px;
	display:block;
	color:#ceb201;
	margin-top:15px;
}
.sub-1 a:hover{ background:#ceb201; color:#fff;}
.sub-2{
	float:left;
}
.sub-2 a{
	float:left;
	width:112px;
	height:94px;
	border:1px #cdcdce solid;
	margin-left:-1px;
	text-align:center;
	display:block;
}
.sub-2 a:nth-of-type(1){ margin-left:0;}
.sub-2 i{
	width:32px;
	height:32px;
	margin:20px auto 0;
	display:block;
	background-image:url(../images/icon.png);
	background-repeat:no-repeat;
	
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}
.s1{ background-position:0 0;}
.s2{ background-position:-42px 0;}
.s3{ background-position:-84px 0;}
.sub-2 a:hover{ color:#ceb201;}
.sub-2 a:hover .s1{ background-position:0 -42px;}
.sub-2 a:hover .s2{ background-position:-42px -42px;}
.sub-2 a:hover .s3{ background-position:-84px -42px;}
.sub-2 a:hover i{ 
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	transform:rotateY(180deg);
}

/*  banner  */

.banner{ 
	margin-top:70px;
	width: 100%;
	height: 618px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow:hidden;
}
.bn4, .bn5, .bn6{
	height: 480px;
}
.bn1{ background-image: url("../images/banner/bg1.jpg");}
.bn2{ background-image: url("../images/banner/bg2.jpg");}
.bn3{ background-image: url("../images/banner/bg3.jpg");}
.bn4{ background-image: url("../images/banner/bg4.jpg");}
.bn5{ background-image: url("../images/banner/bg5.jpg");}
.bn6{ background-image: url("../images/banner/bg6.jpg");}
.wordCenter{
	height: 100%;
	text-align: center;
	color: #fff;
	display: table;
}
.wordMiddle{
	display: table-cell;
	vertical-align: middle;
}
.bn1_title{
	font-size: 7rem;
	line-height: 7rem;
}
.bn1_descript{
	font-size: 20px;
	margin: 36px 0;
	letter-spacing: 8px;
}
.bn1_btn{
	font-size: 22px;
	padding: 10px 56px;
	border: 4px solid #fff;
	color: #fff;
	display: inline-block;
}
.bn1_btn:hover{
	color: #dcc73f;
	border-color: #dcc73f;
}
.bn2Pos{
	position: absolute;
	right: -100px;
	top: 210px;
	color: #fff;
}
.bn2_title{
	font-size: 6rem;
	margin-bottom: 30px;
	font-weight: 600;
}
.bn2_descript{
	width: 444px;
	font-size: 14px;
	line-height: 24px;
	color: rgba(255,255,255,.7);
}



/* 滑屏滚动 */
.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.ss{
	position:relative;
	width:100%;
	height:auto;
	background-color:red;
}
.verHeight{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:auto;
	overflow:hidden;
}
.slide-title{
	font-size:2.8rem;
	line-height:2.8rem;
	color:#222;
	text-align:center;
	margin-top:16px;
}
.slide-des{
	font-size:1.4rem;
	color:#707070;
	line-height:2.6rem;
	text-align:center;
	margin-top:3.4rem;
}
.space1 .slide-title{ padding-top:26px;}
.slide-des.mtop{
	margin-top:1.8rem;
}
.slide-img{
	margin:60px auto;
	overflow:hidden;
}
.slide-img img{
	width: 100%;
}

.p9{
	position:absolute;
	right:0;
	top:0;
	height:374px;
}
.mediaSource{
	width:100%;
	height:466px;
	margin-top:30px;
	background-color:#fff;
	overflow:hidden;
}
.mediaLeft,.mediaRight{
	width:50%;
	height:100%;
	padding:10px 26px;
	float:left;
}
.mediaRight{
	position:relative;
	background-color:#eee;
}
.arrow{
	position:absolute;
	left:0;
	top:50%;
	width:0;
	height:40px;
	margin-top:-20px;
	border-width:20px 0 20px 20px;
	border-color:transparent transparent transparent #fff;
	border-style:solid;
}
.m-tit{
	font-size:1.8rem;
	font-weight:500;
	line-height:3.2rem;
	margin-top:14px;
}
.ad-list, .con-group, .con-group img{ display:none;}
.ad-list:nth-of-type(1), .con-group:nth-of-type(1), 
.mediaLeft p.show, .con-group img.show{ 
	display:block;
}
.Tab1{
	margin-top:12px;
}
.Tab1 a{
	display:inline-block;
	height:2.6rem;
	line-height:2.5rem;
	padding:0 14px;
	border:1px #6a6a6a solid;
	border-radius:14px;
	margin-right:4px;
	margin-top:10px;
	background-color:#fff;
}
.Tab1 a:hover, .Tab1 a.active{
	background-color:#59595b;
	color:#fff;
}
.mediaLeft hr{
	border:0;
	border-bottom:1px #e2e2e2 solid;
	margin-top:32px;
	margin-bottom:44px;
}
.mediaLeft p{ 
	color:#797979; 
	margin-left:12px;
	display:none;
}
.con-app, .con-wap{
	width:224px;
	height:420px;
	margin-left:82px;
	margin-top:12px;
	overflow:hidden;
}
.con-pc{
	width:359px;
	margin-left:20px;
	margin-top:90px;
}
.Tab2{
	position:absolute;
	right:24px;
	top:188px;
	width:90px;
}
.Tab2 a{
	display:block;
	width:100%;
	text-align:center;
	font-size:1.4rem;
	height:2.4rem;
	margin-top:20px;
	border-radius:16px;
	color:#414141;
}
.Tab2 a:hover, .Tab2 a.active{
	background-color:#d7d7d7;
}


footer{
	padding-top:32px;
	background-color: #171718;
	color: #fff;
	overflow:hidden;
}
.footerMenu h4{
	font-size: 20px;
	padding-bottom: 20px;
}
.footerMenu p{
	font-size: 14px;
	line-height: 26px;
}
.footerMenu a{
	color: #fff;
}
.footerMenu a:hover{
	text-decoration: none;
	color: rgba(255,255,255,.7);
}
.footerMenu hr{
	border-color: rgba(255,255,255,.2);
}
.yellowTitle{
	color: #d2b925;
	padding-bottom: 8px;
}
.max-width-280{
	max-width: 280px;
}
.mt25{
	margin-top: 25px;
}
.mtl{
	margin: 42px 0 0 80px;
}
.social-show-phone{
	display: none;
}
.social-links a{
	float: left;
	display: block;
	padding: 0 7px 0 3px;
	margin-top: -5px;
}
.social-links i{
	font-size: 20px;
	color: #d2b925;
	vertical-align: top;
}
.icon-weixin{
	width: 23px;
	height: 20px;
	background: url("../images/weixin.png") no-repeat center 0 !important;
}
.copyright{
	margin: 80px 0 20px;
	text-align: center;
	line-height: 22px;
}
#back-to-top{
	position: fixed;
	right: 20px;
	bottom: 30px;
	z-index: 1000;
	display: none;
}
.modal{
	background-color: rgba(0,0,0,.5); 
	display: block;
}
.modal-weixin{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 180px;
	height: 180px;
	margin-left: -90px;
	margin-top: -90px;
	background: url("../images/weixin-code.jpg") no-repeat;
	background-size: 100% 100%;
}
.displayCenter{
	display: -webkit-box;
	display: flex;
}
.displayCenter div{
	-webKit-box-flex: 1;
	flex-grow: 1;
	width: 0;
	text-align: center;
}
.dataAdvantage{
	text-align: center;
}
.dataAdvantage img{
	width: 82px;
	height: 82px;
	display: block;
	margin: 0 auto;
	vertical-align: top;
}
.dataAdvantage h3{
	font-size: 28px;
	color: #222;
	margin: 22px 0 4px;
}
.dataAdvantage p{
	font-size: 16px;
	color: #444;
}
.pt20{
	padding: 20px 0;
}
.pt40{
	padding-top: 40px;
	padding-bottom: 40px;
}
.pt30{
	padding-top: 30px;
}
.pb34{
	padding-bottom: 34px;
}
.partnerCon{
	padding: 16px 0;
	overflow: hidden;
}
.partnerLists{
	width: 500%;
	height: 43px;
	overflow: hidden;
	-webkit-transition: .5s;
	transition: .5s;
}
.partnerLists li{
	float: left;
	width: 140px;
	height: 43px;
	opacity: .4;
}
.partnerLists li:hover{
	opacity: 1;
	cursor: pointer;
}
.yxCon>div{
	margin: 20px 0 30px;
	overflow: hidden;
}
.yx-img{
	height: 156px;
	padding: 0;
	text-align: right;
	float: left;
	overflow: hidden;
}
.yx-text{
	float: left;
}
.yx-text h3{
	font-size: 20px;
	line-height: 30px;
	color: #2e2e2e;
	margin: 10px 0 8px;
}
.yx-text p{
	position: relative;
	font-size: 14px;
	line-height: 26px;
	color: #353737;
	padding-left: 18px;
}
.yx-text p:before{
	content: ".";
	position: absolute;
	left: 0;
	top: -15px;
	font-size: 46px;
}




/*  neiye    */

.ny-banner{
	width:100%;
	margin-top:70px;
}
.ny-banner img{
	width:100%;
	overflow:hidden;
}
.ny-title{
	text-align:center;
	margin-top:38px;
}
.ny-title h3{
	font-size:2.6rem;
	line-height:3.3rem;
	color:#caa115;
}
.ny-title h1{
	font-size:4.4rem;
	line-height:4rem;
	text-transform:uppercase;
	padding-bottom:10px;
}
.ny-title hr{
	width:150px;
	margin:0 auto;
	border:0;
	border-bottom:3px #333 solid;
}
.ny-title .slide-des{
	color:#333;
	line-height:2.2rem;
}
.adverCon{
	width:950px;
	margin:50px auto 0;
	overflow:hidden;
	/*display:-webkit-box; 
	-webkit-box-pack:center;*/
}
.adver-group{
	float:left;
	width:412px;
	min-height:160px;
	margin:22px 30px 0;
	overflow:hidden;
	opacity:0;
}
.ad-left{
	float:left;
	width:96px;
	height:96px;
	border:1px #cbcbcb solid;
	border-radius:12px;
	padding:19px;
}
.ad-left i{
	width:58px;
	height:58px;
	background-repeat:no-repeat;
	background-image:url(../images/icon.png);
	display:block;
}
.ad-left i.img1{ background-position:0 -94px;}
.ad-left i.img2{ background-position:-68px -94px;}
.ad-left i.img3{ background-position:-136px -94px;}
.ad-left i.img4{ background-position:0 -162px;}
.ad-left i.img5{ background-position:-68px -162px;}
.ad-left i.img6{ background-position:-136px -162px;}
.ad-right{
	float:left;
	margin-left:26px;
	width:290px;
}
.ad-right h3{
	font-size:1.8rem;
	margin-top:4px;
}
.ad-right p{
	font-size:1.4rem;
	line-height:1.8rem;
	color:#666;
}

/*  advertings.html  */
.adPannel{
	width: 254px;
	margin: 0 auto;
	overflow: hidden;
}
.adIconBg{
	width: 80px;
	height: 80px;
	background-color: #ddcd80;
	border-radius: 50%;
	text-align: center;
	margin: 0 auto;
}
.adIconBg i{
	width: 46px;
	height: 46px;
	vertical-align: middle;
	background-image: url("../images/icon5.png");
	background-repeat: no-repeat;
	margin: 16px auto 0;
	display: inline-block;
}
.icons-tech{ background-position: 0 0; }
.icons-resource{ background-position: 0 -46px;}
.icons-team{ background-position: 0 -92px; }
.icons-optimize{ background-position: 0 -138px; }
.icons-money{ background-position: 0 -184px;}
.icons-service{ background-position: 0 -230px; }
.publishIcon.adIconBg{
	background-color: transparent;
	border: 1px solid #d9c01b;
}
.adPannel h3{
	text-align: center;
	font-size: 22px;
	margin: 30px 0 14px;
}
.adPannel p{
	font-size: 14px;
	line-height: 22px;
	color: #353737;
}
.advertPerson{
	padding-top: 80px;
	overflow: hidden;
}
.w60{
	width: 60%;
	float: left;
}
.w40{
	width: 34%;
	float: left;
	margin-right: 6%;
}
.picCenter{
	margin: 50px auto;
	text-align: center;
	overflow: hidden;
}
.adp1 .w40{
	float: right;
	margin-right: 0;
}
.adp2 .w40{
	padding-left: 6%;
}
.adp2 .w60{
	text-align: right;
}
.adTitle{
	font-size: 28px;
	line-height: 40px;
	margin-bottom: 18px;
	margin-top: 130px;
}
.adp2 .adTitle{
	margin-top: 80px;
}
.adDescript{
	font-size: 16px;
	line-height: 28px;
	color: #a6a291;
}
.liuliang{
	width: 260px;
	margin: 30px auto 0;
	overflow: hidden;
}
.liuliang h3{
	font-size: 22px;
	margin-bottom: 12px;
}
.liuliang p{
	font-size: 14px;
	line-height: 22px;
}
.liul img{
	margin-left: 20px;
}
.ll-title{
	font-size: 2.8rem;
	line-height: 3.2rem;
	width: 280px;
	float: right;
	margin-top: 64px;
	margin-right: 50px;
	border: 1px #333 solid;
	padding: 20px 35px;

}
.carousel{
	padding: 110px 0 70px;
	overflow: hidden;
}
.case-img{
	width: 462px;
	max-width: 462px;
	height: 524px;
	float: left;
	margin-left: 30px;
}
.case-text{
	width: 494px;
	float: right;
	margin-top: 46px;
}
.case-text h3{
	font-size: 22px;
	margin-bottom: 14px;
}
.case-text p{
	font-size: 14px;
	line-height: 22px;
	color: #707070;
	margin-top: 20px;
	text-align: left;
}
.btn-orange{
	background-color: #dbaf01;
	color: #fff;
	font-size: 16px;
	padding: 12px 50px;
	border-radius: 3px;
	margin-top: 50px;
}
.btn-orange:hover{
	background-color: #d09801;
	color: #fff;
}
.btn:focus{
	outline: none;
	box-shadow: none;
}
.carousel-indicators li{
	width: 64px;
	height: 4px;
	background-color: #dbdbdb;
	margin: 0 14px 0 0;
	border: 0;
	border-radius: 0;
}
.carousel-indicators .active{
	width: 64px;
	height: 4px;
	margin: 0 14px 0 0;
	background-color: #edcd08;
}
.carousel-indicators{
	left: 70%;
	bottom: 100px;
}
.slide-img.pic7{
	margin: -40px auto 20px;
}

/*   publishers.html   */
.bn3_title{
	font-size: 6rem;
	margin-bottom: 30px;
	font-weight: 600;
}
.bn3_descript{
	font-size: 16px;
	line-height: 32px;
	color: #fff;
}
.bn3Line{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 596px;
	height: 190px;
	margin-left: -298px;
	margin-top: -66px;
	text-align: center;
	border: 4px solid #fff;
	border-top: 0;
}
.bn3Line:before, .bn3Line:after{
	content: "";
	position: absolute;
	top: -4px;
	width: 10%;
	height: 4px;
	background-color: #fff;
}
.bn3Line:before{ left: -4px; }
.bn3Line:after{ right: -4px; }
.systemBg{
	height: 640px;
	background: url("../images/pic6.jpg") no-repeat center center;
	background-size: cover;
}
.systemCon{
	width: 460px;
	padding-top: 64px;
}
.s1{
	width: 320px;
	font-size: 28px;
	line-height: 42px;
}
.s2{
	color: #7d8c9d;
	font-size: 14px;
	line-height: 22px;
	margin: 26px 0 20px;
}
.s3 div{
	margin-top: 42px;
	overflow: hidden;
}
.s3 h4{
	font-size: 16px;
	color: #daaf01;
	margin-bottom: 10px;
}
.s3 p{
	font-size: 12px;
	line-height: 17px;
}

/*  join.html  */
.bn5Pos{
	position: absolute;
	right: -76px;
	top: 160px;
	width: 526px;
	padding: 10px 0;
	overflow: hidden;
}
.bn5Pos:before, .bn5Pos:after{
	content: "";
	position: absolute;
	width: 42px;
	height: 40px;
}
.bn5Pos:before{
	left: 0;
	top: 0;
	background: url("../images/icon6.png") no-repeat;
}
.bn5Pos:after{
	right: 0;
	bottom: 0;
	background: url("../images/icon7.png") no-repeat;
}
.bn5_descript{
	font-size: 20px;
	color: #666;
	padding-left: 74px;
	letter-spacing: 3px;
}
.bn5_title{
	font-size: 7.8rem;
	margin-top: 3px;
	color: #5c5c5c;
	font-weight: 600;
}
.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
	-o-transition-timing-function: ease;
		transition-timing-function: ease;
	
	-webkit-transition-duration: .35s;
	-moz-transition-duration: .35s;
	-ms-transition-duration: .35s;
	-o-transition-duration: .35s;
		transition-duration: .35s;
	
	-webkit-transition-property: height,visibility;
	-moz-transition-property: height,visibility;
	-ms-transition-property: height,visibility;
	-o-transition-property: height,visibility;
		transition-property: height,visibility;
}
.panel-group{
	width:94%;
	margin:50px auto 0;
}
.panel-group .panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,.05);
	-ms-box-shadow:0 1px 1px rgba(0,0,0,.05);
	-o-box-shadow:0 1px 1px rgba(0,0,0,.05);
		box-shadow:0 1px 1px rgba(0,0,0,.05);
}
.panel-heading{
	background-color:#f5f5f5;
	padding: 0;
}
.panel-heading a{
	padding:10px 20px;
	display:block;
	overflow: hidden;
}
.panel-title span {
	font-size:1.8rem;
	line-height:3rem;
	font-weight:normal;
}
.panel-title i{
	float:right;
	color:#999;
	font-size:2rem;
	line-height:3rem;
}
.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a {
	color: inherit
}
.collapse{
	display:none;
}
.collapse.in{
	display:block;
}
.panel-body{
	border-top:1px solid #ddd;
	padding:30px 50px;
}
.text-fl span{
	float:left;
	width:272px;
}
.panel-body h4{
	font-size:1.3rem;
	margin-top:16px;
}
.panel-body p{
	font-size:1.3rem;
	line-height:2.1rem;
}

/* about.html */
.bn4_descript{
	letter-spacing: 8px;
	font-size: 18px;
	line-height: 22px;
	margin-top: 22px;
}
.bn4_descript strong{
	font-size: 24px;
}
#cd-timeline{
	position:relative;
	width:86%;
	padding-top:70px;
	padding-bottom:20px;
	margin:50px auto;
	overflow:hidden;
}
#cd-timeline:before{
	content:'';
	position:absolute;
	left:50%;
	top:0;
	margin-left:-1px;
	width:1px;
	height:100%;
	background-color:#ccc;
}
.cd-topCircle, .cd-timeline-circle{
	position:absolute;
	left:50%;
	border-radius:50%;
	background-color:#fff;
	border:1px #979797 solid;
}
.cd-topCircle{
	top:0;
	width:21px;
	height:21px;
	margin-left:-11px;
}
.cd-timeline-circle{
	top:10px;
	width:11px;
	height:11px;
	margin-left:-6px;
}
.cd-topCircle:after, .cd-timeline-circle:after{
	content:'';
	position:absolute;
	background-color:#979797;
	border-radius:50%;
}
.cd-topCircle:after{
	left:4px;
	top:4px;
	width:11px;
	height:11px;
}
.cd-timeline-circle:after{
	left:2px;
	top:2px;
	width:5px;
	height:5px;
}
.cd-timeline-block{
	position:relative;
	margin:3rem 0;
	overflow:hidden;
}
.cd-timeline-content{
	width:46%;
	
}
.cd-timeDir{
	position:relative;
	margin:0 6px;
	margin-bottom:4px;
}
.cd-timeDir span{
	line-height:2.9rem;
	color:#fff;
	font-size:1.8rem;
	background-color:#505050;
	padding:0 14px;
	display:inline-block;
	border-radius:4px;
}
.cd-arrow{
	position:absolute;
	right:100%;
	top:50%;
	width:0;
	height:0;
	margin-top:-7px;
	border-width:7px;
	border-style:solid;
	border-color:transparent;
	border-right-color:#505050;
}
.cd-timeline-content p{
	width:100%;
	font-size:1.4rem;
	line-height:1.6rem;
	padding-top:8px;
	margin-bottom:12px;
	clear:both;
}
.vedioImg{
	position:relative;
	display:block;
	width:100%;
}
.cd-timeline-content img{
	width:100%;
}
.cd-play{
	position:absolute;
	left:50%;
	top:50%;
	width:42px;
	height:42px;
	margin:-21px 0 0 -21px;
	background:url(../images/play_231cc54.png) no-repeat 0 0;
	visibility:hidden;
}
a.cd-vedio:hover .cd-play{
	visibility:visible;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content,
.cd-timeline-block:nth-child(odd) .cd-timeDir{
	float:right;
}
.cd-timeline-block:nth-child(odd) .cd-timeDir .cd-arrow{
	left:100%;
	border-color:transparent;
	border-left-color:#505050;
}
.cd-timeline-block:nth-child(odd) .cd-timeline-content p{
	text-align:right;
}

/*  contact.html  */

.list-tab{
	width:100%;
	border-bottom:1px #bdbdbd solid;
	text-align:center;
	margin:60px auto 0;
	overflow:hidden;
}
.list-tab li{
	position:relative;
	width:205px;
	height:50px;
	line-height:50px;
	display:inline-block;
	text-align:center;
	font-size:1.6rem;
	color:#535353;
	cursor:pointer;
}
.list-tab li:after{
	content:'';
	position:absolute;
	left:0;
	bottom:-1px;
	width:100%;
	height:4px;
	background-color:#d6ac1d;
	display:none;
}
.list-tab li.active{
	font-size:1.8rem;
	color:#caa115;
}
.list-tab li.active:after{
	display:block;
	bottom:-2px;
}
.blockFull{
	position:relative;
	width:100%;
	height:100%;
	display:block;
}
.blockFull:before{
	content:'';
	position:absolute;
	right:-2px;
	bottom:-3px;
	width:5px;
	height:13px;
	background:url(../images/contact-1.jpg) no-repeat center;
}
.list-tab li:first-child .blockFull:after, .list-tab li:last-child .blockFull:after{
	content:'';
	position:absolute;
	bottom:-3px;
	width:5px;
	height:49px;
	background:url(../images/contact-2.jpg) no-repeat center;
}
.list-tab li:first-child .blockFull:after{
	left:-2px;
}
.list-tab li:last-child .blockFull:after{
	right:-2px;
}
.list-tab li:first-child.active .blockFull:after, 
.list-tab li:last-child.active .blockFull:after, 
.list-tab li.active .blockFull:before{
	bottom:-4px;
}



.list-con{
	width:866px;
	margin:120px auto 0;
	overflow:hidden;
}
.area-group{
	width:100%;
	overflow:hidden;
	display:none;
}
.area-left{
	width:396px;
	float:left;
}
.area-box{
	width:100%;
	display:block;
	margin-bottom:50px;
}
.area-1{
	position:relative;
	width:90px;
	height:90px;
	float:left;
	margin-right:22px;
	background-color:#505050;
	border-radius:50%;
	line-height:90px;
	text-align:center;
	color:#fff;
	font-size:4.2rem;
}
.area-1.bor{
	background-color:transparent;
	border:1px #ca9e09 solid;
}
.area-1 i{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-image:url(../images/icon.png);
	background-repeat:no-repeat;
}
.area-1 i.icon1{ background-position:-208px 0;}
.area-1 i.icon2{ background-position:-208px -90px;}
.area-1 i.icon3{ background-position:-208px -180px;}
.area-2{
	float:left;
	width:260px;
	font-size:1.5rem;
	line-height:2rem;
}
.area-2 a{
	color:#d6ac1d;
	text-decoration:underline;
}
.atop1{ margin-top:22px;}
.atop2{ margin-top:14px;}

.area-right{
	width:468px;
	height:377px;
	border:1px #c7c7c7 solid;
	float:left;
}
#emap1, #emap2, #emap3{
	width:100%;
	height:100%;
}
.amap-logo, .amap-copyright{ 
	display:none !important;
}


/* app、pc、wap */
.ny-advType{
	position:relative;
	width:100%;
	height:auto;
	min-height:700px;
	overflow:hidden;
}
.marTop{
	margin-top:26px;
}
.ny-advType.ny-pc{
	min-height:680px;
	padding-top:80px;
}
.ny-pc-content{
	position:relative;
	width:100%;
	height:100%;
}
.ny-advType > img, .ny-advType > div{
	position:absolute;
}
.app1, .app3{
	left:0;
	bottom:0;
}
.ny-app-1{
	right:70px;
	top:120px;
	width:348px;
}
.adv-title{
	font-size:4.4rem;
	line-height:6rem;
	padding:0 14px;
	display:inline-block;
	color:#232323;
	border:1px #232323 solid;
}
.adv-descr{
	font-size:1.3rem;
	color:#515151;
	line-height:1.6rem;
	margin-top:28px;
}
.adv-descr p{ margin-top:8px;}
.adv-data{
	font-size:1.6rem;
	line-height:2.8rem;
	color:#232323;
	margin-top:24px;
}
.download h4{
	line-height:2.2rem;
	font-size:1.6rem;
	margin-top:20px;
	font-weight:normal;
}
.download a{
	margin-right:16px;
	color:#888;
	line-height:1.8rem;
	text-decoration:underline;
}
.download a:hover{
	color:#ebaf2f;
}
.app2{
	right:20px;
	bottom:0;
}

.ny-app-2{
	left:20px;
	top:180px;
	width:588px;
}
.ny-app-3{
	right:26px;
	top:220px;
	width:356px;
}
.ny-app-4{
	left:10px;
	top:220px;
	width:536px;
}
.pc1{
	left:0;
	top:80px;
}
.pc2{
	right:0;
	top:80px;
}
.ny-pc-1, .ny-pc-2{
	
	top:208px;
	width:312px;
}
.ny-pc-1{ right:0;}
.ny-pc-2{ left:42px;}
.wap1{
	left:72px;
	bottom:0;
}
.wap2{
	right:60px;
	bottom:0;
}
.ny-wap-1{
	right:108px;
	top:260px;
	width:348px;
}
.ny-wap-2{
	left:140px;
	top:170px;
	width:348px;
}


